<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			input{
				outline:0
			}
		</style>
	</head>
	<body>
		<input type="text" id="inp">
		<script>
			//表单事件---范围：表单标签
			//1.  change  内容发生改变，并且失去焦点
			//2.  input   内容发生改变
			//3.  focus   获取焦点
			//4.  blur   失去焦点
			
			// inp.onchange=function(){
			// 	console.log("内容发生改变，并且失去焦点");
			// }
			
			// inp.oninput=function(){
			// 	console.log("内容发生改变");
			// }
			
			inp.onfocus=function(){
		       this.style.border="10px solid red";
			}
			
			inp.onblur=function(){
			   this.style.border="10px solid blue";
			}
		</script>
	</body>
</html>
